2026 모두의 AI 실험실 AI 서비스 개발 프로젝트 제출 포트폴리오
중앙집중형 포털과 노후 맘카페를 넘어,
226개 기초지자체 단위 초지역 AI 라이프스타일 포털
로컬리(Locally)는 거시 뉴스에 가려진 동네 자치 뉴스, 분 단위 골든타임을 예보하는 동네 기상 방재, 맘카페를 대체하는 군·구 선거구 독립 AI 소통마당, 그리고 특허 기반 비정형 댓글 SLM과 원자적 재고 락을 적용한 골목상권 커머스를 430px 모바일 단일 뷰포트에 통합한 하이퍼로컬 OS입니다.
기술 성숙도 레벨 (TRL)
TRL 6단계
화성시 봉담 마스터 거점 실가동 완료
정부 공인 원천 특허
출원 완료 (1건)
특허 제10-2026-0182139호 등 독점 확보
공간 분리 거버넌스
전국 226개
기초지자체 단체장 선거구 마스터 완비
8주 실증 목표 (PoC)
주문 100건+
상인 수기 대조 공수 87.5% 절감 실증
SECTION 01. CORE CONCEPT
4대 동네 생활 결핍과 로컬리 혁신 컨셉
기존의 거대 플랫폼과 노후화된 온라인 커뮤니티가 해결하지 못했던 동네 단위의 생활 불편을 4대 핵심 축으로 정의하고, 최신 하이퍼로컬 AI 아키텍처로 전면 쇄신합니다.
PILLAR 01
동네 뉴스: 지자체 중심 분산 큐레이션
기존 문제: 네이버 중심의 중앙 집중형 뉴스 유통은 내 삶에 가장 필요한 지자체 조례·복지·도로 소식을 90% 이상 검색 누락시키며, 블로그나 오픈톡 가입을
강제함.
로컬리 혁신: 전국 40여 개 경합 도시 대조 및 주체-객체 전도 방어 엔진(Locality Validator v1.5.0)을 탑재하여, 군·구 선거구 3단
탭([전체], [효행구], [화성시])에 최신순 순수 행정 뉴스를 0ms SWR로 직배송합니다.
PILLAR 02
동네 기상: 국지성 기상이변 도착시간 예보
기존 문제: 버스·전철은 분 단위 도착 시각을 알 수 있으나, 1~2km 반경의 국지성 게릴라 폭우·폭설·도심 침수 도착 시각은 예보조차 없어 보행자 및 상권 피해
발생.
로컬리 혁신: NASA GIBS 및 RainViewer 데이터를 순수 TS로 역압축한 60fps 무격자 위성 구름 레이더와 초단기 시계열 파싱을 결합하여, "15분
뒤 화성시 봉담읍 시간당 20mm 강한 비" 형태의 1문장 AI 행동 티커를 제공합니다.
PILLAR 03
동네 마당: 226개 선거구 독립 AI 소통 공간
기존 문제: 스마트폰·AI 시대임에도 올드한 맘카페 중심의 낙후된 UI/UX에 갇혀 상업 광고와 특정 집단의 여론 왜곡이 발생하며, 실시간 동네 소통이 차단됨.
로컬리 혁신: 읍 단위 유동성 한계를 넘어 전국 226개 기초지자체 단체장 선거구 기준 구/군/시 독립 공간(`community_spaces`)을 구현하고, 6시간
TTL 번개모임 및 매 정시 AI 핫이슈 자동 요약 브리핑 카드를 서빙합니다.
PILLAR 04
동네 커머스: 골목상권 댓글 타임세일 자동화
기존 문제: 대형 프랜차이즈와 새벽배송·퀵커머스 잠식에 맞서 오픈채팅 공구로 자구책을 찾던 상인들이 비정형 댓글의 수기 장부 대조 피로와 8% 이상의 주문 누락으로
폐업 위기.
로컬리 혁신: 특허 제10-2026-0182139호 기반: 비정형 구어체 댓글을 Few-shot SLM이 0.1초 만에 JSON 구조화하고, PostgreSQL
배타적 행 잠금(`FOR UPDATE`)으로 재고를 원자적 차감하여 수수료 0% 옴니채널 거래를 완결합니다.
SECTION 02. ENTERPRISE ARCHITECTURE
전체적인 엔터프라이즈 아키텍처 (EA 4대 계층)
로컬리는 비즈니스(BA), 애플리케이션(AA), 데이터(DA), 기술 인프라(TA)의 유기적 결합을 통해 공공 데이터 거버넌스와 고성능 트랜잭션을 동시에 충족하는 엔터프라이즈 설계를 완비했습니다.
| 구분 | 계층 명칭 | 핵심 구성 요소 및 아키텍처 역할 | 비즈니스 및 기술적 가치 |
|---|---|---|---|
| BA | Business Architecture (비즈니스 아키텍처) |
• 주민-골목상점-지자체 3자 상생 가치사슬 • 기후재난 보행안전망 및 수수료 0% 마감 타임세일 • 전국 226개 자치단체장 선거구 기반 GovTech 모델 |
배달앱 15% 수수료 착취 타파, 영세 상점 미판매 재고 폐기율 30% 감축, 지자체 재난 안전 골든타임 확보 |
| AA | Application Architecture (애플리케이션 아키텍처) |
• 430px 반응형 모바일 PWA 클라이언트 (Next.js 16 App Router) • BFF API Gateway 계층 (`/app/api/...`) • FastMCP Python ETL 엔진 & Few-shot SLM 파서 결합 |
별도 앱 설치 없는 0초 로딩, 클라이언트 SWR 인메모리 0ms 탭 전환, 하이브리드 LOD 및 60fps 캔버스 렌더링 |
| DA | Data Architecture (데이터 아키텍처) |
• Supabase PostgreSQL 15+ & PostGIS 4중 공간 RPC • 226개 선거구 공간 마스터 (`community_spaces`) • 오피넷 300콜 쿼터 방어 캐시(L2) & ITS 930건 영속 캐시 |
PostgreSQL SELECT FOR UPDATE 배타적 행 잠금 기반 오버셀링 0% 보증, 1년 소멸 시효 뷰 등 법적 안전장치 |
| TA | Technical Architecture (기술 인프라 아키텍처) |
• Vercel Edge Serverless BFF Gateway • Supabase Cloud (RLS, PostGIS, Storage, Triggers) • Python 3.10+ FastMCP 서버 & Hls.js HTTPS HLS=4 스트리밍 |
공모전 지원 자원(토큰 100만P, 클라우드 월 30만원) 내에서 완벽 구동, 99.9% 가용성 및 0.12초 초저지연 달성 |
flowchart TB
subgraph ClientLayer ["1. Presentation Layer (Mobile PWA - Max 430px)"]
UI["MobileAppShell (5대 탭 통합 뷰)"]
T1["동네 뉴스 (3단 선거구 탭)"]
T2["동네 기상 (60fps 무격자 래스터)"]
T3["동네 마당 (226개 독립 공간 SNS)"]
T4["동네 커머스 (타임세일 & 공구)"]
UI --> T1 & T2 & T3 & T4
end
subgraph BFFLayer ["2. BFF API Gateway Layer (Next.js 16 App Router)"]
API_N["/api/news/local (Locality Validator v1.5.0)"]
API_W["/api/weather/* (무격자 래스터 & AI 티커)"]
API_C["/api/community/* (구/군 독립 공간 피드)"]
API_D["/api/commerce/deals (원자적 재고 락 RPC)"]
AUTH["useAuthGuard (미인증 쓰기 인터셉터)"]
end
subgraph FastMCPLayer ["3. Intelligence & ETL Layer (Python FastMCP :8000)"]
MCP["FastMCP Core Controller"]
VAL["locality_validator.py (40개 도시 역색인)"]
PARSER["HybridOrderParsingEngine (Few-shot SLM)"]
MCP --> VAL & PARSER
end
subgraph DataLayer ["4. Enterprise Data Layer (Supabase PostGIS v3.13)"]
DB_SPATIAL["community_spaces (226개 선거구 마스터)"]
DB_NEWS["local_news (TIER1/TIER2 복합 인덱스)"]
DB_COMMERCE["commerce_deals & process_comment_order()"]
DB_PROV["handle_new_user_provisioning() 자동 트리거"]
end
ClientLayer --> BFFLayer
BFFLayer <--> FastMCPLayer
BFFLayer <--> DataLayer
FastMCPLayer --> DataLayer
【그림 1】 로컬리 엔터프라이즈 4-Tier 아키텍처 파이프라인 흐름도
SECTION 03. TECHNOLOGY STACK
검증된 엔터프라이즈 기술 스택 명세
외부 의존성을 최소화하고 엄격한 타입 안전성과 실시간 트랜잭션을 보장하기 위해 Next.js 16 App Router, Pure TypeScript 래스터 엔진, Supabase PostGIS, FastMCP를 채택했습니다.
| 영역 | 기술 및 프레임워크 | 채택 버전 | 도입 목적 및 기술적 특징 |
|---|---|---|---|
| Frontend | Next.js (App Router), React, Tailwind CSS | 16.3.0 / 19.2.8 / v4.0.0 | React 19 비동기 Actions 준수, 모바일 430px 반응형 뷰포트, 커스텀 브랜드 토큰 테마 |
| Data Fetching | SWR | ^2.5.1 | BFF API 응답의 클라이언트 인메모리 캐싱, 0ms 탭 전환, 낙관적 업데이트(Optimistic UI) |
| Authentication | Supabase Auth, Naver OAuth 2.0 | 최신 OpenAPI 규격 | 소셜 3초 로그인, 미인증 쓰기 인터셉터(`useAuthGuard`), 신규 유저 원자적 프로비저닝 트리거 |
| GIS & Maps | MapLibre GL, proj4, Pure TS KATEC Converter | Custom / ^2.22.0 | KATEC(EPSG:5179) ↔ WGS84 초고속 브라우저 변환, 하이브리드 LOD 및 3km/5km 듀얼 반경 |
| Image & Video | Pure TypeScript PNG Engine, Hls.js | zlib / ^1.7.3 | Scanline Unfiltering 및 Paeth 역필터 무격자 타일 합성, ITS CCTV 정품 HTTPS HLS=4 재생 |
| Backend / ETL | Python FastMCP, FastAPI | Python 3.10+ | Port 8000 기반 FastMCP 서버, 공공데이터 파이프라인 및 Locality Validator v1.5.0 동기화 |
| Database | Supabase PostgreSQL, PostGIS | PostgreSQL 15+ | PostGIS 공간 RPC, pgvector, v3.13 마스터 스키마(선거구 독립 공간, FOR UPDATE 행 락) |
| AI / SLM | Few-shot Prompt SLM, Hybrid Engine | Custom Pipeline | 비정형 댓글 주문 의도 및 수량 파싱, 신뢰도(Confidence) 0.75 임계치 가드레일 |
SECTION 04. DIRECTORY STRUCTURE
모듈형 단일 진실 공급원(SSOT) 디렉토리 구조
프론트엔드 BFF와 백엔드 ETL 파이프라인의 정책 표류(Policy Drift)를 방지하고 유지보수성을 극대화하기 위해 체계적으로 모듈화된 프로젝트 구조입니다.
locally-app/
├── app/ # Next.js 16 App Router 루트
│ ├── api/ # BFF API Gateway 라우트군
│ │ ├── auth/naver/ # [v1.5.0] 네이버 OAuth 2.0 및 자동 프로비저닝
│ │ ├── geo/ # 4단계 위치 복원 체계 (GPS -> IP -> Fallback)
│ │ ├── news/local/ # [v1.5.0] 3단 선거구 탭 & Locality Validator TS
│ │ ├── weather/ # 60fps 무격자 구름 래스터 & AI 행동 티커
│ │ ├── map/layers/ # 커머스·주유소·교통돌발 3대 레이어 병렬 집계
│ │ ├── community/ # 226개 구/군/시 독립 공간 SNS & 정시 AI 요약
│ │ └── commerce/deals/ # 타임세일 & 공동구매 재고 현황
│ ├── layout.tsx & page.tsx # 430px 모바일 셸 & AuthProvider 통합 엔트리
│ └── globals.css # Tailwind v4 디자인 시스템 토큰
├── components/ # 모바일 PWA 반응형 UI 컴포넌트군
│ ├── auth/ # AuthModal, AuthRequiredModal (인터셉트 가드)
│ ├── news/ # NewsFeed (3단 세그먼트 탭), NewsCard (AI 3줄 요약)
│ ├── weather/ # WeatherHeroMap, EnvironmentSafetyCard (100점 러닝 지수)
│ ├── community/ # CommunityView, CommentThread (자연어 댓글 주문 UI)
│ ├── commerce/ # CommerceView, MerchantDashboardView (상인 대시보드)
│ └── map/ # LocallyMap, CCTVDetailModal (HLS), KakaoRoadviewModal
├── hooks/ # SWR 및 전역 상태 인터셉트 훅
│ ├── useAuth.tsx & useAuthGuard.ts # [v1.5.0] 비인가 게스트 쓰기 인터셉터 및 세션 구독
│ ├── useUserLocation.ts # PostGIS 4중 위치 복원 훅
│ ├── useLocalNews.ts # 자치구 선거구 로컬 뉴스 SWR 훅 (0ms 탭 전환)
│ └── useCommunity.ts # 구/군 독립 공간 피드 및 실시간 주문 훅
├── lib/ # 핵심 비즈니스 로직 및 GIS 엔진
│ ├── ai/HybridOrderParsingEngine.ts # [특허 출원] 온디바이스 정규식 + Few-shot SLM 파서
│ ├── news/localityValidatorTs.ts # [v1.5.0] Python 100% 미러링 TypeScript 공간 검증기
│ ├── geo/katec.ts # 순수 TypeScript KATEC ↔ WGS84 고속 변환기
│ ├── weather/runningScore.ts # 5대 환경변수 스포츠 생체기상 100점 연산 엔진
│ └── utils/formatTime.ts # 앱 전역 시간 표기 단일 진실 공급원 (SSOT)
├── server/ # Python 3.10+ FastMCP & ETL 파이프라인 (:8000)
│ ├── etl/core/locality_validator.py # 주체-객체 전도 방어 및 40여 개 경합 지자체 역색인 대조
│ ├── etl/pipelines/sync_news.py # 자치단체장 선거구 뉴스 수집 및 시맨틱 클러스터링
│ └── mcp/main.py # FastMCP 서버 엔트리포인트
├── supabase/migrations/ # Supabase PostgreSQL v3.13 마스터 스키마
│ └── 20260813_init_locally_schema.sql # 226개 공간, FOR UPDATE 행 락 RPC, Auth 트리거
└── tests/test_locality_validator_ts.ts # [v1.5.0] 395라인 공간 적합성 단위 테스트 슈트
SECTION 05. DEVELOPMENT ROADMAP
체계적인 개발 경과 및 기술 마일스톤
기초 디자인 토큰 정의부터 시작하여 2대 특허 출원, 226개 선거구 공간 분리, Locality Validator v1.5.0, 그리고 v3.13 마스터 스키마까지 TRL 6단계의 검증을 100% 완료했습니다.
| 버전 / 단계 | 목표 및 개발 범위 | 완료 상태 | 주요 달성 엔지니어링 내역 |
|---|---|---|---|
| Phase 1 ~ 5 | 기반 시스템 & 공공 API 파이프라인 | 완료 (100%) | Next.js 16 BFF 구축, Tailwind v4 토큰, KATEC 좌표 변환기, 에어코리아·오피넷·ITS 연동 |
| v1.2.1 ~ v1.2.2 | 위성 구름 래스터 & 러닝 쾌적도 지수 | 완료 (100%) | Pure TS in-memory PNG 디코더(무격자 타일링), 5대 환경변수 100점 러닝 지수 엔진 구축 |
| v1.3.0 ~ v1.3.1 | 유가 쿼터 방어 & ITS CCTV HLS | 완료 (100%) | 오피넷 300콜 L2 캐시, 석유관리원 1년 시효 뷰, ITS 공공 CCTV 정품 HTTPS HLS=4 스트리밍 |
| v1.3.5 | 자연어 커머스 & 2대 특허 출원 완료 | 완료 (100%) | 특허 제10-2026-0182139호 출원 완료, Few-shot SLM 파서, PostgreSQL FOR UPDATE 원자적 락 |
| v1.3.6 ~ v1.3.8 | 226개 선거구 독립 공간 & SSOT 시간 | 완료 (100%) | 읍 단위 폐기 및 226개 군·구 선거구 독립 공간(`community_spaces`), 매 정시 AI 핫이슈 캐시 |
| v1.4.0 ~ v1.4.3 | Locality Validator v1.5.0 고도화 | 완료 (100%) | 주체-객체 전도 결함 완치, 40여 개 경합 지자체 역색인 대조, Python-TS 100% 미러링 |
| v1.5.0 (현재) | Auth 프로비저닝 & v3.13 마스터 스키마 | 완료 (100%) | 네이버 소셜 인증, `useAuthGuard` 미인증 쓰기 인터셉터, 신규 유저 원자적 프로비저닝 트리거 |
| Phase 6 (공모) | 8주 현장 실증 PoC & Top-Tier 진입 | 착수 준비 | 화성시 봉담 거점 상점 10곳 및 주민 100인 실거래 검증, 주문 누락 0건·폐기 30% 감축 실증 |
SECTION 06. UI/UX DESIGN SYSTEM
모바일 퍼스트 430px PWA & 5대 핵심 탭 실가동 UI/UX 쇼케이스
한 손 조작에 최적화된 430px 모바일 뷰포트 내에 고대비 다크 테마와 글래스모피즘을 적용하여 정보 인지 속도를 극대화했습니다. 실제 가동 중인 5대 핵심 탭 및 B2B 상점주 인증 파이프라인의 15개 대표 화면을 통해 기술 구현 완성도를 증명합니다.
TAB 01
Living & Weather
우리동네 (날씨·생활 안전)
야후 기상 스타일의 60fps 무격자 위성 구름 레이더 미니 뷰포트, 분 단위 비구름 도착 1문장 AI 티커, 5대 환경변수 100점 러닝 지수 카드 및 팩트체크 로컬 뉴스 표출.
TAB 02
Hyper-Local SNS
동네마당 (226개 선거구 독립 공간)
맘카페를 대체하는 실시간 군·구 독립 공론장 피드. 200자 제약 피드, 최대 10h TTL 시한부 번개모임, 매 정시 AI 핫이슈 3줄 요약 브리핑 카드 연동.
TAB 03
Omni-Commerce
골목커머스 (타임세일 & 공구)
슈퍼마켓협동조합 연계 골목상권 DX. 실시간 잔여시간 타이머, 한정 재고 소진율 프로그레스 바, 상점주 번개 타임세일 간편 등록 모달 탑재.
TAB 04 & 05
Map & User Profile
동네지도 & 내정보 (B2B 검증)
VWorld & MapLibre 3km/5km 듀얼 반경, 실시간 ITS CCTV 및 도로 돌발 중첩, 네이버 소셜 ID 프로필 및 국세청 사업자 진위확인 API 연동.
TAB 01
기상방재 지능 · 대기환경 · 로컬뉴스
우리동네: 국지성 기상방재 & 생활안전환경 인텔리전스
기상청·VWorld·에어코리아 오픈 API를 결합하여 GPS 반경 5km 내의 국지성 기상이변을 60fps 위성 레이더로 직관화하고, 3대 페르소나별 선제 액션 플랜과 100점 러닝 지수를 실시간 산출합니다.
430px PWA 규격
3개 스크린 인터랙션
3개 스크린 인터랙션
확대보기
확대보기
확대보기
TAB 02
선거구 독립 공론장 · 시한부 번개 · 정시 AI 브리핑
동네마당: 226개 선거구 독립 자치 공론장 & 시한부 소셜 개더링
폐쇄적 맘카페의 독점 구조를 혁파하는 군·구 독립 공론장입니다. 200자 제약 피드, 최대 10h TTL 시한부 번개모임 개설 폼, 정시 자동 생성되는 동네 핫이슈 AI 브리핑을 제공합니다.
430px PWA 규격
4개 스크린 인터랙션
4개 스크린 인터랙션
확대보기
확대보기
확대보기
확대보기
TAB 03
골목상권 DX · 타임세일 · 주민 공동구매
골목커머스: 슈퍼마켓협동조합 연계 타임세일 & 공동구매 딜
수퍼마켓협동조합 및 골목 상인과 직거래하는 로컬 특가 플랫폼입니다. 실시간 잔여시간 타이머, 원자적 재고 프로그레스 바, 즉시 신청 스텝퍼, 상점주 번개 타임세일 등록 폼을 지원합니다.
430px PWA 규격
3개 스크린 인터랙션
3개 스크린 인터랙션
확대보기
확대보기
확대보기
TAB 04
VWorld · 3km/5km 듀얼 반경 · ITS 실시간 CCTV & 돌발
동네지도: VWorld & ITS 국가교통망 연계 반응형 공간 인텔리전스
국토교통부 VWorld 및 국가교통정보센터(ITS) API를 실시간 연계하여 반경 3km 주유 생활권(초록)과 5km 광역망(파랑) 듀얼 원을 표출하고, 실시간 교통 돌발 및 CCTV 카메라를 지도에 중첩합니다.
430px PWA 규격
3개 스크린 인터랙션
3개 스크린 인터랙션
확대보기
확대보기
확대보기
TAB 05
네이버 소셜 인증 · 상점주 대시보드 · 국세청 진위확인
내정보 Hub & B2B 상점주 공식 인증 파이프라인
네이버 소셜 ID 프로필 및 AI 음성 브리핑 쿼터 관리 허브이며, 전자상거래법 제13조를 준수하기 위해 국세청 공공데이터 포털 진위확인 API와 실시간 통신하여 상점주 권한을 원자적으로 부여합니다.
430px PWA 규격
2개 스크린 인터랙션
2개 스크린 인터랙션
확대보기
확대보기
SECTION 07. PERSONA USE CASES
4대 핵심 페르소나별 실생활 활용 시나리오
골목 상점주, 퇴근길 러너, 지자체 공무원, 전입 1인 가구 청년 등 실제 동네를 살아가는 페르소나들이 로컬리를 통해 어떤 실질적 효용을 얻는지 증명합니다.
시나리오: 비가 내리기 시작해 저녁 도보 손님이 끊기자, 당일 폐기 위기에 처한 복숭아 10박스를 '10초 마감 타임세일'로 피드에
등록합니다. 주민들이 댓글로 주문하자 AI가 수량과 픽업시간을 자동 장부로 정형화하고 재고를 원자적으로 차감합니다.
배달앱 15% 수수료 0원, 수기 장부 대조 피로 종결, 당일 폐기 손실 100% 방어
시나리오: 퇴근 후 호수공원 러닝을 위해 앱을 켭니다. '15분 뒤 봉담읍 20mm 폭우 도착' 1문장 AI 티커와
러닝 지수 38점(주의)을 확인하고 즉시 실내 트레드밀로 일정을 변경하여 도심 하천 고립 위험을 완벽히 피합니다.
버스 도착처럼 분 단위 침수 시각 사전 인지, 5대 환경변수 기반 운동 부상 예방
시나리오: 화성시 청년 월세 지원 및 바우처 조례 보도자료를 배포합니다. 중앙 포털에서는 인근 수원·용인 기사에 밀려 묻혔으나, 로컬리의
Locality Validator v1.5.0을 통해 관할 효행구·화성시 주민 피드 3단 탭에 단일 대표 기사로 100% 노출됩니다.
관제 앱 개발 혈세 낭비 없이 226개 선거구 주민에게 핵심 정책 도달률 400% 증대
시나리오: 맘카페 가입 승인이 거절되어 동네 정보를 얻지 못하던 중, 로컬리 동네마당에 접속합니다. 선거구 독립 공간에서
'6시간 TTL 자취생 반찬 나눔 번개'에 참여하고, 매 정시 AI가 3줄로 브리핑해 주는 동네 핫이슈를 통해 지역 사회에 안착합니다.
폐쇄적 맘카페 장벽 탈피, 1인 가구 고립감 해소 및 실시간 동네 연결망 형성
SECTION 08. VIDEO DEMO & PATENT PROOF
유튜브 라이브 데모 영상 및 정부 공인 특허 증빙
430px 모바일 PWA 환경에서 실가동되는 로컬리의 4대 핵심 서비스 시연 영상과, 지식재산처(특허청) 공식 출원사실증명원을 투명하게 공개합니다.